<template>
  <div>
    <child-child
      :a="a"
      v-bind="$attrs"
      v-on="$listeners"
      @showAttrs="logAttrs"
    />
  </div>
</template>

<script>
import ChildChild from "./Child-child";
export default {
  components: {
    ChildChild,
  },
  methods: {
    logAttrs() {
      console.log(this.$attrs);
    },
  },
  inheritAttrs: false,
  props: ["a"],
  created() {
    console.log(this.$attrs);
    console.log(this.$listeners);
  },
};
</script>
